﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="ChiTiet.aspx.cs" Inherits="Cart.ChiTiet" %>

<%@ Register Assembly="vdc_AJAXPage" Namespace="VdcInc" TagPrefix="vajax" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <script type="text/javascript">
        function CallMuaHang() {
            var sanphamid = $("input[id$='hdfIdSanPham']").val();
            ob_post.AddParam('strSanphamid', sanphamid);
            ob_post.post(null, "MuaHang", ResultMuaHang);
        }
        function ResultMuaHang(result, ex) {
            alert(result);
        }
    </script>
    <!-- content_breadcrumbs-open -->
    <asp:HiddenField runat="server" ID="hdfIdSanPham" />
    <div class="content_breadcrumbs">


        <ul>

            <li><a href="TrangChu.aspx" title="">THỜI TRANG NỮ</a></li>
            <li class="breadcrumbs_arrow"></li>
            <li>
                <h1><a href="#" title=""><label runat="server" id="lbLoaiSanPham"></label></a></h1>
            </li>


            <li class="breadcrumbs_arrow"></li>

            <li><label runat="server" id="lbTenSanPham3"></label></li>

        </ul>

        
    </div>
    <!-- content_breadcrumbs-end -->

    <!-- content_item_detail-open -->
    <div class="content_item_detail">
        <div class="item_detail_header">

            <div class="item_detail_header_content">

                <div class="header_info">
                    <div class="header_info_left">
                        <div id="slider" class="flexslider">
                            <ul class="slides">
                                <asp:ListView runat="server" ID="lvAnhChiTiet">
                                    <ItemTemplate>
                                        <li style="width: 100%; float: left; margin-right: -100%; position: relative;">
                                            <img style="" class="clsImage" src='<%# Eval("LinkAnh") %>' height="506" width="405" /></li>
                                    </ItemTemplate>
                                </asp:ListView>
                            </ul>
                        </div>

                        <div class="info_left_type_1 dealtype"></div>

                    </div>

                    <div class="header_info_right">

                        <div class="info_right_info">

                            <div class="right_info_content">
                                <div class="info_content_title">
                                    <h1>
                                        <label runat="server" id="lbTenSanPham"></label>
                                    </h1>
                                </div>

                                <div class="info_content_price">
                                    <p class="price_deal">
                                        <label runat="server" id="lbGiaTien"></label>
                                        <span class="text_normal">đ</span>
                                    </p>

                                    <p class="price_real">
                                        <span class="line_through"></span>
                                    </p>
                                </div>

                                <div class="info_content_id">

                                    <iframe src="chitiet_files/like.htm" style="border: none; overflow: hidden; width: 80px; height: 25px; overflow: hidden;" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
                                </div>

                                <div class="info_content_img">

                                    <div id="carousel" class="flexslider">

                                        <div style="overflow: hidden; position: relative;" class="flex-viewport">
                                            <ul style="width: 100%; transition-duration: 0s; transform: translate3d(0px, 0px, 0px);" class="slides">
                                                <asp:ListView runat="server" ID="lvAnhChiTiet1">
                                                    <ItemTemplate>
                                                        <li style="width: 50px; float: left; display: block; margin-bottom: 10px;">
                                                            <img style="" class="clsImage" src='<%# Eval("LinkAnh") %>' alt="Đầm Body Lưng Cách Điệu TT923" title="Đầm Body Lưng Cách Điệu TT923" height="60" width="50" /></li>
                                                    </ItemTemplate>
                                                </asp:ListView>
                                            </ul>
                                        </div>
                                    </div>

                                    <script type="text/javascript">
                                        $(document).ready(function () {
                                            $('#carousel').flexslider({
                                                animation: "slide",
                                                controlNav: false,
                                                directionNav: false,
                                                animationLoop: false,
                                                slideshow: false,
                                                itemWidth: 50,
                                                itemMargin: 0,
                                                minItems: 10,
                                                asNavFor: '#slider'
                                            });

                                            $('#slider').flexslider({
                                                controlNav: false,
                                                directionNav: false,
                                                animation: "fade",
                                                animationSpeed: 400,
                                                animationLoop: false,
                                                slideshow: false,
                                                sync: "#carousel"
                                            });
                                        });
                                    </script>

                                </div>

                                <script type="text/javascript">
                                    $(document).ready(function () {
                                        $('div.info_content_term> div').hide();

                                        var $doc, $panel = $('div.info_content_term> strong');
                                        $doc = $(document);
                                        $doc.bind("click", function () {
                                            $panel.removeClass('open');
                                            $panel.next('div').hide();
                                            $doc.undbind("click");
                                        });

                                        $panel.bind("click", function (e) {
                                            e.stopPropagation();
                                        });

                                        $('div.info_content_term> strong').click(function () {
                                            $(this).next('div').slideToggle(0)
                                        .siblings('div:visible').slideUp(0);

                                            if ($(this).hasClass('open')) {
                                                $(this).removeClass('open');
                                            }
                                            else {
                                                $('div.info_content_term> strong').removeClass('open');
                                                $(this).addClass('open');
                                            }
                                        });
                                    });
                                </script>

                                <div class="info_content_term">
                                    <strong class="term_header">
                                        <span class="rt"></span>
                                        <a href="javascript:void(0);" title="">THÔNG TIN SP</a>
                                    </strong>
                                    <div style="display: none;" class="term_content">
                                        <div class="lt"></div>
                                        <div class="rt"></div>
                                        <div class="lb"></div>
                                        <div class="rb"></div>
                                        <div class="term_content_info">
                                            <p><strong>&nbsp;<label runat="server" id="lbTenSanPham2"></label></strong></p>
                                            <ul class="style_list_checked_simple">
                                                <asp:ListView runat="server" ID="lvNoiDungCT">
                                                    <ItemTemplate>
                                                        <li><%# Eval("NoiDung") %></li>
                                                    </ItemTemplate>
                                                </asp:ListView>
                                            </ul>
                                            <p>&nbsp;</p>
                                        </div>
                                    </div>

                                    <strong class="term_header">
                                        <span class="rt"></span>
                                        <a href="javascript:void(0);" title="">PHÍ SHIP</a>
                                    </strong>
                                    <div style="display: none;" class="term_content">
                                        <div class="lt"></div>
                                        <div class="rt"></div>
                                        <div class="lb"></div>
                                        <div class="rb"></div>
                                        <div class="term_content_info">
                                            <p>
                                                <trong>
<strong>1. Đến mua trực tiếp</strong> tại<span style="color: rgb(0, 0, 255);"><strong>hệ thống cửa hàng</strong></span><span style="color: rgb(0, 0, 255);"><strong>.</strong></span><br>
</trong>
                                            </p>
                                            <p>
                                                <trong>
<strong>2. Giao hàng tận nơi</strong> Phí ship từ 10,000d đến 25,000d, giao trong 1-2 ngày làm việc.
</trong>
                                            </p>
                                            <p>
                                                <trong>
<strong>3. Giao hàng nhanh tận nơi:</strong> Phí ship từ 15,000d đến 35,000d, giao trong ngày<span style="color: rgb(0, 0, 255);"><strong>Xem chi tiết</strong></span> phí ship giao hàng tận nơi.
</trong>
                                            </p>
                                        </div>
                                    </div>

                                    <strong class="term_header">
                                        <span class="rt"></span>
                                        <a href="javascript:void(0);" title="">TRẢ HÀNG</a>
                                    </strong>
                                    <div style="display: none;" class="term_content">
                                        <div class="lt"></div>
                                        <div class="rt"></div>
                                        <div class="lb"></div>
                                        <div class="rb"></div>
                                        <div class="term_content_info">
                                            <p><span style="font-size: small;">Đổi hàng trực tiếp tại hệ thống cửa hàng của trong vòng 3 ngày. </span></p>
                                        </div>
                                    </div>
                                </div>

                                <div class="info_content_buy">

                                    <script type="text/javascript">
                                        $(document).ready(function () {

                                            $('a[name="popup_buy"]:first').qtip(
                                            {
                                                content: {
                                                    title: {
                                                        text: 'BẠN HÃY CHỌN MẪU SẢN PHẨM BÊN DƯỚI',
                                                        button: 'X'
                                                    },
                                                    url: 'http://thoitrangdshop.vn/detail_ajax.aspx',
                                                    data: { dealid: 714 },
                                                    method: 'post'
                                                },
                                                position: {
                                                    target: $(document.body), // Position it via the document body...
                                                    corner: 'center' // ...at the center of the viewport
                                                },
                                                show: {
                                                    when: 'click', // Show it on click
                                                    solo: true // And hide all other tooltips
                                                    //modal: true
                                                },
                                                hide: 'unfocus', //hide: false,
                                                style: {
                                                    width: 410,
                                                    height: { max: 500 },
                                                    padding: '14px',
                                                    border: {
                                                        width: 9,
                                                        radius: 9,
                                                        color: '#666666'
                                                    },
                                                    name: 'light'
                                                },
                                                api: {
                                                    beforeShow: function () {
                                                        // Fade in the modal "blanket" using the defined show speed
                                                        $('#qtip-blanket').fadeIn(this.options.show.effect.length);
                                                    },
                                                    beforeHide: function () {
                                                        // Fade out the modal "blanket" using the defined hide speed
                                                        $('#qtip-blanket').fadeOut(this.options.hide.effect.length);
                                                    },
                                                    onHide: function () {
                                                        //$('.content_all_title').html("abc");
                                                        //location.reload();
                                                    }
                                                }
                                            });

                                            $('a[name="popup_rebuy"]:first').qtip(
                                            {
                                                content: {
                                                    title: {
                                                        text: 'THÔNG BÁO',
                                                        button: 'X'
                                                    },
                                                    url: 'http://thoitrangdshop.vn/click_ajax.aspx',
                                                    data: { dealid: 714 },
                                                    method: 'post'
                                                },
                                                position: {
                                                    target: $(document.body), // Position it via the document body...
                                                    corner: 'center' // ...at the center of the viewport
                                                },
                                                show: {
                                                    when: 'click', // Show it on click
                                                    solo: true // And hide all other tooltips
                                                    //modal: true
                                                },
                                                hide: 'unfocus', //hide: false,
                                                style: {
                                                    width: 620,
                                                    height: { max: 500 },
                                                    padding: '0px',
                                                    border: {
                                                        width: 9,
                                                        radius: 9,
                                                        color: '#666666'
                                                    },
                                                    name: 'light'
                                                },
                                                api: {
                                                    beforeShow: function () {
                                                        // Fade in the modal "blanket" using the defined show speed
                                                        $('#qtip-blanket').fadeIn(this.options.show.effect.length);
                                                    },
                                                    beforeHide: function () {
                                                        // Fade out the modal "blanket" using the defined hide speed
                                                        $('#qtip-blanket').fadeOut(this.options.hide.effect.length);
                                                    },
                                                    onHide: function () {
                                                        //$('.content_all_title').html("abc");
                                                        //location.reload();
                                                    }
                                                }
                                            });

                                        });
                                    </script>

                                    <a href="#" onclick="CallMuaHang(); return false;" class="buy_button" title="" id="btMuaHang1" runat="server"></a>
                                    <%--<a href="javascript:void(0);" title="" class="buy_limit_center_button" name="popup_buy_limit_center" id="btHetHang1" runat="server"></a>--%>
                                    <a title="" class="buy_limit_button" name="popup_buy_limit" href="javascript:void(0);" id="btHetHang1" runat="server"></a>

                                </div>

                                <div class="info_content_note">
                                    <p style="float: left; height: 31px; line-height: 31px; width: 100%; margin: 5px 0px 0px 0px">
                                        <img original="/images/giaohang.jpg" style="float: left; height: 28px" src="images/giaohang.jpg" alt="">
                                        <span>&nbsp; </span><span style="color: rgb(255, 0, 102);"><strong>Giao hàng trong 48h</strong></span>
                                    </p>
                                    <p style="float: left; height: 31px; line-height: 31px; width: 100%;">
                                        <span style="color: rgb(255, 0, 102);"><strong>
                                            <img original="/images/trahang.jpg" style="float: left; margin: 5px 0px 0px 0px; height: 28px;" src="images/trahang.jpg" alt="">
                                            &nbsp; 3 ngày đổi hàng miễn phí</strong></span>
                                    </p>
                                </div>

                                <div class="info_content_share">
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="item_detail_info">

            <script type="text/javascript">
                $(document).ready(function () {
                    $('div.detail_info_content> div').hide();
                    $('div.detail_info_content> b').next('div').show();
                    $('div.detail_info_content> strong').click(function () {
                        $(this).next('div').slideToggle(0);
                        //.siblings('div:visible').slideUp(0);

                        if ($(this).hasClass('open')) {
                            $(this).removeClass('open');
                        }
                        else {
                            //$('div.detail_info_content> h3').removeClass('open');
                            $(this).addClass('open');
                        }
                    });
                });
            </script>

            <div class="detail_info_content">
                <b class="term_header"><a href="javascript:void(0);" title="">THÔNG TIN THÊM</a></b>
                <div style="display: block;" class="detail_content">
                    <p>&nbsp;<strong>&nbsp;<a href="http://thoitrangdshop.vn/san-pham/dam-body-lung-cach-dieu-tt923_714.html" onclick="window.open(this.href,'','resizable=no,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,fullscreen=no,dependent=no,status'); return false"><label runat="server" id="lbTenSanPham1"></label></a></strong></p>
                    <ul class="style_list_checked_simple">
                        <asp:ListView runat="server" ID="lvNoiDungCT1">
                            <ItemTemplate>
                                <li><%# Eval("NoiDung") %></li>
                            </ItemTemplate>
                        </asp:ListView>
                    </ul>
                    <p><strong style="color: rgb(255, 0, 102);">*&nbsp;Cách thức mua hàng:</strong></p>
                    <p>1. Đặt giao hàng tận nơi&nbsp;(có phí ship) Nhấn vào nút "<strong>Mua ngay</strong>" ở trên.&nbsp;</p>
                    <p>2. Đến trực tiếp hệ thống cửa hàng (xem địa chỉ bên dưới)</p>
                    <p>Mọi thắc mắc vui lòng liên hệ hotline:&nbsp;<b>0122334455</b></p>
                    <p>&nbsp;</p>
                </div>

                <p class="clear_line"></p>

                <script type="text/javascript">
                    $(document).ready(function () {
                        $('a[name="popup_buy_center"]:first').qtip(
                           {
                               content: {
                                   title: {
                                       text: 'BẠN HÃY CHỌN MẪU SẢN PHẨM BÊN DƯỚI',
                                       button: 'X'
                                   },
                                   url: 'http://thoitrangdshop.vn/detail_bottom_ajax.aspx',
                                   data: { dealid: 714 },
                                   method: 'post'
                               },
                               position: {
                                   target: $(document.body), // Position it via the document body...
                                   corner: 'center' // ...at the center of the viewport
                               },
                               show: {
                                   when: 'click', // Show it on click
                                   solo: true // And hide all other tooltips
                                   //modal: true
                               },
                               hide: 'unfocus', //hide: false,
                               style: {
                                   width: 410,
                                   height: { max: 500 },
                                   padding: '14px',
                                   border: {
                                       width: 9,
                                       radius: 9,
                                       color: '#666666'
                                   },
                                   name: 'light'
                               },
                               api: {
                                   beforeShow: function () {
                                       // Fade in the modal "blanket" using the defined show speed
                                       $('#qtip-blanket').fadeIn(this.options.show.effect.length);
                                   },
                                   beforeHide: function () {
                                       // Fade out the modal "blanket" using the defined hide speed
                                       $('#qtip-blanket').fadeOut(this.options.hide.effect.length);
                                   },
                                   onHide: function () {
                                       //$('.content_all_title').html("abc");
                                       //location.reload();
                                   }
                               }
                           });


                        $('a[name="popup_rebuy_center"]:first').qtip(
                        {
                            content: {
                                title: {
                                    text: 'THÔNG BÁO',
                                    button: 'X'
                                },
                                url: 'http://thoitrangdshop.vn/click_ajax.aspx',
                                data: { dealid: 714 },
                                method: 'post'
                            },
                            position: {
                                target: $(document.body), // Position it via the document body...
                                corner: 'center' // ...at the center of the viewport
                            },
                            show: {
                                when: 'click', // Show it on click
                                solo: true // And hide all other tooltips
                                //modal: true
                            },
                            hide: 'unfocus', //hide: false,
                            style: {
                                width: 620,
                                height: { max: 500 },
                                padding: '0px',
                                border: {
                                    width: 9,
                                    radius: 9,
                                    color: '#666666'
                                },
                                name: 'light'
                            },
                            api: {
                                beforeShow: function () {
                                    // Fade in the modal "blanket" using the defined show speed
                                    $('#qtip-blanket').fadeIn(this.options.show.effect.length);
                                },
                                beforeHide: function () {
                                    // Fade out the modal "blanket" using the defined hide speed
                                    $('#qtip-blanket').fadeOut(this.options.hide.effect.length);
                                },
                                onHide: function () {
                                    //$('.content_all_title').html("abc");
                                    //location.reload();
                                }
                            }
                        });
                    });
                </script>

                <p class="buy_center_button_box">
                    <a href="javascript:void(0);" title="" class="buy_limit_center_button" name="popup_buy_limit_center" id="btHetHang" runat="server"></a>
                    <a href="#" onclick="CallMuaHang(); return false;" title="" class="buy_center_button" id="btMuaHang" runat="server"></a>
                </p>
                <p class="clear_line"></p>
            </div>

        </div>

    </div>
    <!-- content_item_detail-end -->

    <!-- content_tag-open -->

    <!-- content_tag-end -->

    <!-- content_more_with-open -->
    <!-- content_more_with-end -->

    <!-- content_more_items-open -->
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <vajax:CallbackPanel runat="server" ID="cbpTongSanPham">
        <Content>
            <div class="cart_right">
                <p>
                    <label runat="server" id="lbTongSanPham"></label>&nbsp; 
                    Sản phẩm
                </p>
                <p>
                    <span class="text_bold">
                        <label runat="server" id="lbTongTien"></label>&nbsp; 
                        đ</span>
                </p>

            </div>
        </Content>
    </vajax:CallbackPanel>
</asp:Content>
